<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

	<meta name="renderer" content="webkit">
	<title>dnf副本队伍分配详情</title>
	<link rel="stylesheet" href="css/bootstrap-grid.min.css">
	<link rel="stylesheet" href="dist/zoomify.min.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="dist/clock.css">
	<script type="text/javascript" src="dist/rili.js">//添加日历位置</script>
	<script type="text/javascript" src="js/data.js">//数据js</script>
	<script src="js/mouseClick.js">//JS实现鼠标点击爱心特效</script>
	
	<!--    Aplayer CSS   -->
	<link rel="stylesheet" href="css/APlayer.min.css"> 

	<link rel="icon" href="./Medal No.1.gif" type="image/x-icon">
	<!--//在网页标题左侧显示图标 -->
	<!-- <link rel="shortcut icon" href="./mario.ico" type="image/x-icon">  //在收藏夹显示图标 -->

</head>
<!-- <body style="background-image: url(img/back.jpg);background-size:cover;"> -->

<body>
	<div id="dateTime">
		<div style="position:fixed;top:100px;right:30px;color: blue;font-size: 14pt" id="rq">
			<script language="javascript">RunGLNL();</script>
			<i style="padding-right:10px;"></i>
			<i style="padding-right:10px;"></i>
		</div>
		<div style="position:fixed;top:10px;right:10px;" id="time">
			<div class="box">
				<!-- style="width: 200px;height: 100px;"-->
				<ul>
					<li><span id="hour"></span><span>时</span></li>
					<li><span id="minute"></span><span>分</span></li>
					<li><span id="second"></span><span>秒</span></li>
				</ul>
			</div>
		</div>
	</div>
	<ul class="layui-nav layui-bg-blue" style="text-align: right">
		<li class="layui-nav-item"><a href="">首页</a></li>
		<li class="layui-nav-item layui-this"><a href="">队伍信息</a></li>
		<!-- <li class="layui-nav-item"><a href="">大数据</a></li> -->
		<!-- <li class="layui-nav-item">
		  <a href="javascript:;">穿梭之门</a>
		  <dl class="layui-nav-child">
			<dd><a href="">第 一 章</a></dd>
			<dd><a href="">第 二 章</a></dd>
			<dd><a href="">第 三 章</a></dd>
			<dd><a href="">第 四 章</a></dd>
			<dd><a href="">第 五 章</a></dd>
			<dd><a href="">第 六 章</a></dd>
			<dd><a href="">第 七 章</a></dd>
			<dd><a href="">第 八 章</a></dd>
			<dd><a href="">第 九 章</a></dd>
			<dd><a href="">第 十 章</a></dd>
		  </dl>
		</li>
		<li class="layui-nav-item"><a href="">社区</a></li> -->
	</ul>
	<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="text-align: right">
		<ul class="layui-tab-title" style="text-align: right">
			<li>网站首页</li>
			<li class="layui-this">洞察之眼</li>
			<li>魔界大战</li>
			<li>超时空</li>
			<li>伊西斯</li>
		</ul>
		<div class="layui-tab-content" style="height: 100px;">
			<div class="layui-tab-item">记录DNF各个副本，人员分配情况
				<!-- style="background-color:yellowgreen;" -->
				<br>
				<br>
				<br>
			</div>
			<div class="layui-tab-item layui-show">
				<!--洞察之眼    -->
				<table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000" id='dc'>
					<tbody style="text-align:center;">
					</tbody>
				</table>
				<br>需疲劳：30
				<br>
			</div>
			<div class="layui-tab-item">
				<!--魔界大战    -->
				<table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000" id="mj">
					<tbody style="text-align:center;">
					</tbody>
				</table>
				<br>需疲劳:30<br><br><br><br><br>
			</div>
			<div class="layui-tab-item">
				<!--超时空    -->
				<table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000" id="csk">
					<tbody style="text-align:center;">
					</tbody>
				</table>
			</div>
			<div class="layui-tab-item">
				<!--普雷   -->
				<table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000" id="pl">
					<tbody style="text-align:center;">
					</tbody>
				</table>
				<br>
			</div>
		</div>
	</div>

	<!--    Aplayer播放器	-->
	<div id="aplayerfixed">
	</div>

	<!--script引用位置			-->
	<script
		src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">// dist/jquery.min.js  目录下备份js 暂时引用百度cdn公共库  源引用http://www.jq22.com/jquery/1.11.1/jquery.min.js  </script>
	<script src="dist/zoomify.min.js"></script>
	<script src="layui/layui.js" charset="utf-8"></script>
	<script src="dist/clock.js" charset="utf-8">//引用电子时钟</script>
	<script type="text/javascript">
		$('.example img').zoomify();
		// dataTable隔一行一个背景色
		// even就是bai 查找表格的1、du3、5...行（即索引值0、2、4...）
		// odd查找表格的2、4、6行（即索引值1、3、5...
		//$("tr:even").css("background-color", "#ccc");
		// $("tr:odd").css("background-color", "#ccc");	
		function setDataTable(i) {
			var trs = [];
			var tds = [];
			var trDom;
			var data = [];
			var TableId = "";
			switch (i) {
				case 0: data = dcData; TableId = $('#dc'); break;
				case 1: data = mjData; TableId = $('#mj'); break;
				case 2: data = cskData; TableId = $('#csk'); break;
				case 3: data = plData; TableId = $('#pl'); break;
			}
			for (var i = 0; i < data.length; i++) {
				if (i % 5 === 0) {
					trDom = $('<tr></tr>');
					$('<td>' + data[i] + '</td>').appendTo(trDom);
					trs.push(trDom);
				} else {
					$('<td>' + data[i] + '</td>').appendTo(trDom);
					trs.push(trDom);
				}
			}
			for (var j = 0; j < trs.length; j++) {
				$(trs[j]).appendTo(TableId);
			}
		}
		/*			Table		*/
		$(function () {
			for (var i = 0; i < 4; i++) {
				setDataTable(i);
			}
		})
	</script>
	<script>/* */
		layui.use('element', function () {
			var $ = layui.jquery
				, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
		});
	</script>
	<script type="text/javascript">
		//手机pc执行操作
		function browserRedirect() {
			var sUserAgent = navigator.userAgent.toLowerCase();
			if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
				//移动端隐藏时钟
				$("#dateTime").attr("style", "display:none;");//隐藏div
				$(".layui-tab").css("width", '100%');//手机端扩充100%宽度显示表格
			} else {
				//pc端显示
				$("#dateTime").attr("style", "display:block;");//显示div 
			}
		}
		browserRedirect(); 
	</script>

<script src="js/aplayer/APlayer.min.js">/*  Aplayer js  */</script>
<script src="js/aplayer/lrc.js">/*	APLAYER	 歌词js	*/</script>
<script src="js/aplayer/AplayerInit.js">/*	APLAYER	初始化	*/</script>
<script src="js/keyDownEvent.js">/*	键盘keydown */</script>



</body>

</html>